/*
    Document   : global
    Created on : 07/03/2010, 19:58:32
    Author     : Guilherme
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    font-family: Courier New, Courier, monospace;
}

root {
    display: block;
}

a{
    color: inactiveborder;
}

.ui-widget, .ui-widget .ui-widget {
font-size: 100% !important;
font-family: monospace;
}
.red {
    color: red;
    font-size: small;
    font-family: Arial,Helvetica,sans-serif;
}
.blue{
    color: #3333ff;
    font-size: small;
    font-family: Arial,Helvetica,sans-serif;
}
.orange{
    color: #ff6600;
    font-size: small;
    font-family: Arial,Helvetica,sans-serif;
}
.orange2{
    color: #ff6600;
    font-size: x-small;
    font-family: Arial,Helvetica,sans-serif;
}
.green{
    color: #006600;
    font-size: small;
    font-family: Arial,Helvetica,sans-serif;
}

.center{
    text-align: center;
}
.esquerda{
    text-align:left;
}
.direita{
    text-align:right;
}
.todoConteudo{
    width: 745px;
    margin-top: 103px;
}

.menuSuperior{
    position:absolute;
    top:60px;
}

.conteudoCentralStyle{
    position:absolute;
    top:100px;
    left:210px;
    /*width: 900px;*/
    border-color: #ff6600;
}

.menuPrincipal{
    position:absolute;
    top:100px;
    left:5px;
    width: 190px;
}

.bcmenu :hover{
    background-color: #f4f2cc;
}
.bcmenu {
    background-color: #f3f2f2;
}

.formularioTitle{
    color: #72a0cf;
}

.formularioFundo{
    font-weight : bold;
    margin : 0px 10px 0px 18px;
    font-family: Courier New, Courier, monospace;
}

.absoluteProblem{
    position: fixed;
}

.ui-button_link img{
  border:0;
}

.bvb-font{
    font-size: 12px;
}

.ui-datatable th .ui-datatable-liner {
 white-space:normal !important;
}

.colunaEsquerda{    
    float: left;
    width: 500px;
    margin-left: 10px;
}
.colunaDireita{
    margin: 0 2em 0 200px;
}
.margemSuperior{
  vertical-align: top;
}

.usuariosPrincipal{
    text-align: right;
    color: #72a0cf;
    font-family: monospace;
}

.grafcol1{
    width: 120px;
}
.grafcol2{
    width: 750px;
}

.sobreFont{
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: large;
}

.sobreFontSmall{
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: medium;
}

a.classe2:link, a.classe2:visited {
text-decoration: underline;
color: #1874e5;
font: bolder;
font-size: 1.1em;
}

a.classe2:hover {
text-decoration: underline overline;
color: #cd3608;
}

a.classe2:active {
text-decoration: underline;
}

.descricao{
    font-family: sans-serif;
    font-size: 0.8em;
    margin-bottom: 4px;
    margin-top: 4px;
}

.descricaoDet{
    font-family: sans-serif;
    font-size: 0.6em;
    margin-bottom: 4px;
    margin-top: 4px;
    color: #f2a30a;
}

.descricaoLabel{
    font-family: serif;
    font-size: 0.7em;
    margin-bottom: 4px;
    margin-top: 4px;
    color: #08b140;
}

.tabelabvb{
 border-width: 0px;   
}

.ui-column-filter, .selectTableFilter{
            padding-left:19px;     /* Largura da imagem possui 20px */  
            padding-top:5px;       /* Só pra centralizar o texto verticalmente já que a altura da imagem é de 25px */  
            height:20px;           /* O padding influencia no tamanho do componente (é como se fosse 20px + 5px da altura) */  
            background-image:url(/saber/resources/img/lente16.png);  
            background-repeat:no-repeat; /* Para não repetir o background ao longo de topo o componente */
            background-color: khaki;
}